nav {
  width: 100%;
  background-color: #a885ff;
  border-bottom: 2px solid #ccc;
}
nav .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
a.brand {
  display: inline-block;
  font-size: 0;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
}
a.brand span {
  margin-left: 14px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}
.logo {
  vertical-align: middle;
}
.l-show {
  background: url(img/bg.png) no-repeat;
  background-size: 100% 100%;
}
.l-show .container {
  padding-top: 150px;
}
.l-show img {
  width: 80%;
}
.btn-download {
  margin-top: 200px;
  padding: .5em 1em .5em 3em;
  border-radius: 2em;
  font-size: 1.4em;
  border: 2px solid #fff;
  background: url(img/ios.png) no-repeat;
  background-position: 1em center;
  color: #fff;
}
.btn-download:hover {
  color: #fff;
}
.l-feature .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.lst-feature {
  padding-left: 0;
  list-style: none;
}
.lst-feature li i {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url(img/features.png) no-repeat;
}
.lst-feature li:nth-of-type(2) i {
  background-position: -60px 0;
}
.lst-feature li:nth-of-type(3) i {
  background-position: -120px 0;
}
.lst-feature li:nth-of-type(4) i {
  background-position: -180px 0;
}
.l-aboutus {
  background-color: #fbfbfb;
}
.l-aboutus .container {
  padding-top: 54px;
  padding-bottom: 69px;
}
.l-aboutus .title {
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 40px;
  color: #2f2f2f;
  border-bottom: 2px solid #8960e0;
}
.l-aboutus p {
  margin-bottom: 22px;
}
.l-copyright {
  text-align: center;
  padding: 1em 0;
  color: #a8a8a8;
}
.l-copyright a {
  color: #a8a8a8;
}
